<!DOCTYPE html>
<html lang="en">

<head>
<title>浙江省环保院</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--  <script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> -->
<!-- <script type="text/javascript">
    window.onload = function() {
        var head = document.getElementsByTagName('head')[0];
        console.log(head);
        // /Users/apple/Desktop/hhprojmgn/src/main/webapp/assets/css
        var path = '/epi/';
        var addLink = function(path, src) {
            var link = document.createElement("link");
            console.log(link)
            head.appendChild(link);
            link.setAttribute('rel', 'stylesheet');
            link.setAttribute('href', path + src);
        }
        var addScript = function(path, src) {
            var script = document.createElement("script");
            script.setAttribute('type', 'text/javascript');
            head.appendChild(script);
            script.setAttribute('src', path + src);
        }
        addLink(path, 'assets/css/bootstrap.min.css');
        addLink(path, 'assets/css/matrix-style.css');
        addLink(path, 'assets/css/matrix-media.css');
        addLink('', 'http://at.alicdn.com/t/font_nmgh27o42027qfr.css');
        addLink(path, 'assets/css/employeeMan.css');
        /*addLink(path, 'assets/css/depMan.css');*/
        addLink(path, 'assets/css/foundation-datepicker.min.css');
        addScript(path, 'assets/js/jquery-3.1.1.min.js');
        addScript(path, 'assets/js/handlebars.min.js');
        addScript(path, 'assets/js/bootstrap.min.js');
        addScript(path, 'assets/js/foundation-datepicker.min.js')
        addScript(path, 'assets/js/foundation-datepicker.zh-CN.js')
        addScript(path, 'assets/js/matrix.js');
        addScript(path, 'assets/js/address.js');
        addScript(path, 'assets/js/employeeMan.js');
    }
    </script> -->
<link rel="stylesheet" href="/epi/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/epi/assets/css/matrix-style.css">
<link rel="stylesheet" href="/epi/assets/css/matrix-media.css">
<link rel="stylesheet"
	href="http://at.alicdn.com/t/font_nmgh27o42027qfr.css">
<link rel="stylesheet" href="/epi/assets/css/employeeMan.css">
<link rel="stylesheet"
	href="/epi/assets/css/foundation-datepicker.min.css">

</head>

<body>
	<!--Header-part-->
	<div id="header">
		<p class="header-text">浙江省环保院</p>
		<h1>
			<a href="index.html">浙江省环保院</a>
		</h1>
	</div>
	<!--close-Header-part-->
	<!--top-Header-menu-->
	<div id="user-nav" class="navbar navbar-inverse head-nav">
		<ul class="nav">
			<li class="dropdown" id="profile-messages"><a title="" href="#"
				data-toggle="dropdown" data-target="#profile-messages"
				class="dropdown-toggle"> <i class="iconfont icon-user"></i> <span
					class="text">管理员</span><b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a href="#"><i class="icon-user"></i>个人设置</a></li>
					<li class="divider"></li>
					<li><a href="#"><i class="icon-user"></i>修改密码</a></li>
					<li class="divider"></li>
					<li><a href="#"><i class="icon-check"></i>切换账号</a></li>
				</ul></li>
		</ul>
	</div>
	<!--close-top-Header-menu-->
	<!--sidebar-menu-->
	<div id="sidebar">
		<ul>
			<li><a href="#"> <i class="iconfont icon-home"></i> <span>部门管理</span>
			</a></li>
			<li class="active"><a href="#"> <i class="icon icon-signal"></i>
					<span>员工管理</span>
			</a></li>
			<li><a href="#"> <i class="icon icon-inbox"></i> <span>角色管理</span>
			</a></li>
			<li><a href="#"> <i class="icon icon-th"></i> <span>视图管理</span>
			</a></li>
			<li><a href="#"> <i class="icon icon-fullscreen"></i> <span>项目设置</span>
			</a></li>
		</ul>
	</div>
	<!--sidebar-menu-->
	<!--main-container-part-->
	<div id="content" class="clearfix">
		<!-- table -->
		<div class="table-div-relative this-table">
			<button class="btn btn-add">添加员工</button>
			<button class="btn btn-import">导入员工</button>
			<button class="btn btn-delete">删除员工</button>
			<div class="btn-query btn-group">
				<input type="search" name="" class="search-input">
				<button class="search-btn btn" onclick="searchStaff(1,20)">搜索</button>
				<!--  <button class="delete-btn btn">删除</button> -->
			</div>
			<div class="table-div">
				<table class="table">
					<thead>
						<tr>
							<th class="check-box">
								<div class="checked">
									<input type="checkbox" class="check-input">
								</div>
							</th>
							<th>员工编号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>出生年月</th>
							<th>部门</th>
							<th>职称</th>
							<th>职位</th>
							<th>电话</th>
							<th>项目负责人</th>
							<th>注册环评工程师</th>
							<th>负责行业类别</th>
							<th class="operate">操作</th>
						</tr>
					</thead>
					<tbody class="view-line">
					</tbody>
				</table>
			</div>
			<div class="paging">
				<!-- <button class="upPage">上一页</button> -->
				<!-- 页码 -->
				<ul class="pagelist" id="page-nav">
					<li class="nextEle page-btn upPage">&lt;</li>
					<li class="ele on">1</li>
					<!-- <li class="ele">2</li>
                    <li class="ele">3</li>
                    <li class="ele">4</li>
                    <li class="ele">5</li>
                    <li class="ele">6</li>
                    <li class="ele">7</li>
                    <li class="ele">8</li>
                    <li class="ele page-btn downPage">&gt;</li> -->
					<div class="skip-page">
						<input type="text" name="go" class="goPage"> <input
							type="button" name="" class="go-btn" value="go">
					</div>
				</ul>
				<!-- /页码 -->
				<!--  <button class="downPage">下一页</button> -->
			</div>
		</div>
		<!-- End-table -->
		<!-- modal -->
		<!-- information-modal -->
		<div class="information-modal widget-box span10" style="display: none">
			<div class="widget-title">
				<span class="icon iconfont icon-remove"> </span>
				<h5>修改员工信息</h5>
			</div>
			<div class="widget-content clearfix">
				<form>
					<div class="form-control">
						<span class="input-title">员工姓名:</span> <input type="text"
							class="staffName input-text" value="吕敏">&nbsp&nbsp <span
							class="input-title">性别:</span> <label class="radio-title">
							<input type="radio" class="male" name="sex" value="男">&nbsp&nbsp男
						</label> <label class="radio-title"> <input type="radio"
							class="female" name="sex" value="女">&nbsp&nbsp女
						</label>
					</div>
					<div class="form-control">
						<!--  <span class="input-title">部门:</span>
                        <div class="a-drop-list-div">
                            <input type="text" value="" class="a-belong-dep input-text a-drop-input department" readonly>
                            <div class="a-drop-list a-utdep-list">
                            </div>
                        </div> -->
						<span class="input-title">出生年月:</span> <input type="text"
							class="born-date input-text" value="10/4/1977"> <span
							class="input-title phone-title">电话:</span> <input type="text"
							class="phone input-text" value="13500349889">
					</div>
					<div class="form-control">
						<span class="input-title">职称:</span> <input type="text"
							class="title input-text" value="高级工程师"> <span
							class="input-title job-title">职位:</span> <input type="text"
							class="job input-text" value="工程师">
					</div>
					<div class="form-control">
						<span class="input-title">项目负责人:&nbsp&nbsp&nbsp&nbsp<input
							type="checkbox" class="charger2"></span> <span
							class="input-title eiea-title">环评工程师:&nbsp&nbsp&nbsp&nbsp<input
							type="checkbox" class="eiea-engineer2" disabled></span> <span
							class="input-title charge-industry">负责行业类别:</span>
						<div class="a-drop-list-div">
							<input type="text" value=""
								class="input-text a-drop-input industry-input m-industry"
								data-id="{{industryTypeId}}" disabled>
							<div class="a-drop-list a-industry-list"></div>
						</div>
					</div>
				</form>
				<div class="widget-content clearfix">
					<div class="submit-add">
						<input class="btn btn-modify modify-staff" type="button" name=""
							value="确定修改">
					</div>
				</div>
			</div>
		</div>
		<!-- End-information-modal -->
		<!-- add-modal -->
		<div class="add-modal widget-box span10" style="display: none">
			<div class="widget-title">
				<span class="icon iconfont icon-remove"></span>
				<h5>添加员工</h5>
			</div>
			<div class="widget-content clearfix">
				<form>
					<div class="form-control">
						<span class="input-title">员工姓名:</span> <input type="text"
							class="staffName2 input-text">&nbsp&nbsp <span
							class="input-title">性别:</span> <label class="radio-title">
							<input type="radio" class="sex" name="sex" value="男">&nbsp&nbsp男
						</label> <label class="radio-title"> <input type="radio"
							class="sex" name="sex" value="女">&nbsp&nbsp女
						</label>
					</div>

					<div class="form-control">
						<!--  <span class="input-title">部门:</span>
                        <div class="a-drop-list-div">
                            <input type="text" value="" class="a-belong-dep input-text a-drop-input department2" readonly>
                            <div class="a-drop-list a-utdep-list">
                            </div>
                        </div>-->
						<span class="input-title">出生年月:</span> <input type="text"
							class="born-date born-date2 input-text"> <span
							class="input-title phone-title">电话:</span> <input type="text"
							class="phone2 input-text">
					</div>
					<div class="form-control">
						<span class="input-title">职称:</span> <input type="text"
							class="title2 input-text"> <span
							class="input-title job-title">职位:</span> <input type="text"
							class="job2 input-text">
					</div>
					<div class="form-control">
						<span class="input-title">项目负责人:&nbsp&nbsp&nbsp&nbsp<input
							type="checkbox" class="charger"></span> <span
							class="input-title eiea-title">环评工程师:&nbsp&nbsp&nbsp&nbsp<input
							type="checkbox" class="eiea-engineer" disabled></span> <span
							class="input-title charge-industry">负责行业类别:</span>
						<div class="a-drop-list-div">
							<input type="text" value=""
								class="input-text a-drop-input industry-input a-industry"
								data-id="{{industryTypeId}}" disabled>
							<div class="a-drop-list a-industry-list"></div>
						</div>
					</div>
				</form>
				<div class="widget-content clearfix">
					<div class="submit-add">
						<input class="btn add-staff" type="button" name="" value="确定">
					</div>
				</div>
			</div>
		</div>
		<!-- End-add-modal -->
		<!-- confirm-modal -->
		<div class="confirm-modal single span5">
			<p class="confirm-text">是否确认删除?</p>
			<div class="clearfix">
				<input type="button" name="" value="确定"
					class="confirm-btn single-btn"> <input type="button"
					name="" value="取消" class="confirm-cancel single-cancle">
			</div>
		</div>
		<div class="confirm-modal multiple span5">
			<p class="confirm-text">是否确认删除?</p>
			<div class="clearfix">
				<input type="button" name="" value="确定"
					class="multiple-btn confirm-btn"> <input type="button"
					name="" value="取消" class="multiple-cancel confirm-cancel">
			</div>
		</div>
		<!-- End-confirm-modal -->
		<div class="alert-modal"></div>
		<!--import-file-modal-->
		<div class="import-modal widget-box span10" style="display: none">
			<div class="widget-title">
				<span class="icon iconfont icon-remove"> </span>
			</div>
			<form action="/epi/staff/import" method="post"
				enctype="multipart/form-data">
				<div class="import-title">上传文件:</div>
				<div class="select">
					<input class="file-name" id="filename" placeholder="请导入excel文件">
					<input class="file-btn select-file" type="button" value="选择文件">
					<input class="file-hide" type="file" name="excel" id="excel"
						accept=".csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
						style="display: none" onChange="changeText(this)"> <a
						href="/epi/staff/staffs/excelEmpty" class="download">下载导入模板</a>
				</div>
				<!-- <input type="submit" value="Submit" class="submit-btn"/> -->
				<input class="btn-confirm" type="submit" value="确定">
			</form>
			</form>
		</div>
		<!-- End-import-file-modal>
        <!-- End-modal -->
		<div class="mask"></div>
		<!-- hidden-input -->
		<input type="hidden" name="" class="thisID-input"> <input
			type="hidden" name="" class="linkPage-input" value="1">
		<!-- right-menu -->
		<!-- End-right-menu -->
		<!--Footer-part-->
		<div class="row-fluid">
			<div id="footer" class="span12">
				2016 &copy; 浙江省环保院 By <a href="http://themedesigner.in/">浙江工商大学</a>
			</div>
		</div>
		<!--end-Footer-part-->
		<script type="text/javascript"
			src="/epi/assets/js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="/epi/assets/js/handlebars.min.js"></script>
		<script type="text/javascript" src="/epi/assets/js/bootstrap.min.js"></script>
		<script type="text/javascript"
			src="/epi/assets/js/foundation-datepicker.min.js"></script>
		<script type="text/javascript"
			src="/epi/assets/js/foundation-datepicker.zh-CN.js"></script>
		<script type="text/javascript" src="/epi/assets/js/matrix.js"></script>
		<script type="text/javascript" src="/epi/assets/js/address.js"></script>
		<script type="text/javascript" src="/epi/assets/js/employeeMan.js"></script>
		<!-- <script src="/epi/assets/js/jquery-3.1.1.min.js"></script>
        <script src="/epi/assets/js/handlebars.min.js"></script>
        <script src="/epi/assets/js/bootstrap.min.js"></script>
        <script src="/epi/assets/js/matrix.js"></script>
        <script src="/epi/assets/js/foundation-datepicker.min.js"></script>
        <script src="/epi/assets/js/foundation-datepicker.zh-CN.js"></script>
        <script src="/epi/assets/js/employeeMan.js"></script> -->
		<script type="text/javascript">
			function goPage(newURL) {
				if (newURL != "") {
					if (newURL == "-") {
						resetMenu();
					} else {
						document.location.href = newURL;
					}

				}
			}

			function resetMenu() {
				document.gomenu.selector.selectedIndex = 2;
			}
		</script>
</body>
<script id="view-template" type="text/x-handlebars-template">
    {{#each this}}
    <tr>
        <td class="check-box">
            <div class="checked">
                <input type="checkbox" class="check-input ">
                <input type="hidden" name="" value="{{personId}}" class="hideId">
            </div>
        </td>
        <td class="staff-info-no ">{{personId}}</td>
        <td class="staff-info-name">{{personName}}</td>
        <td class="staff-info-gender">{{gender}}</td>
        <td class="staff-info-age">{{birthday}}</td>
        <td class="staff-info-dep">{{department}}</td>
        <td class="staff-info-title">{{positionaltitles}}</td>
        <td class="staff-info-job">{{position}}</td>
        <td class="staff-info-phone">{{personPhone}}</td>
        <td class="staff-info-charger">{{isleader}}</td>
        <td class="staff-info-eiea">{{isregisteredEiaEngineer}}</td>
        <td class="staff-info-industry">{{industries}}</td>
        <th class="operate">
            <button class="drop-left">操作>>
                <input type="hidden" name="" class="thisID-input" value="1">
                <input type="hidden" name="" class="linkPage-input" value="1">
            </button>
            <div class="drop-left-menu">
                <li class="modify-info">修改员工信息
                    <input type="hidden" name="" value="{{personId}}" class="staff-modify">
                </li>
                <li class="delete-staff">删除员工
                    <input type="hidden" name="" value="{{personId}}" class="staff-id-delete">
                </li>
            </div>
        </th>
    </tr>
    {{/each}}
</script>
<script id="select-template" type="text/x-handlebars-template">
    {{#each this}}
    <option>{{departmentName}}</option>
    {{/each}}
</script>
<script id="select-industry-template" type="text/x-handlebars-template">
    {{#each this}}
    <option>{{industry.industryTypeName}}</option>
    {{/each}}
</script>
<!-- 下拉选择负责行业类别 -->
<script id="drop-industry-template" type="text/x-handlebars-template">
    {{#each this}}
    <li data-id="{{industry.industryTypeId}}">{{industry.industryTypeName}}
    </li>
    {{/each}}
</script>

</html>
